.previewBody {
    flex-grow: 1;
    //background-color: rgb(233, 233, 233);
    display: flex;
    overflow: scroll;
    /**
    * why need to remove the justify content? 
    * https://stackoverflow.com/questions/77550806/is-it-possible-to-make-the-html-children-div-element-width-not-greater-than-than
    **/
    /*justify-content: center;*/
    height: 100vh;
    width: 100vw;
    flexDirection: column;
    flex: 1;
}

.previewFsBody {
    display: flex;
    overflow: scroll;
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: 100vw;
    flexDirection: column;
    flex: 1;
}